<template>
  <!-- <h1>App 根组件 --- {{ isShow }}</h1>
  <button @click="isShow = !isShow">Toggle isShow</button>
  <hr />
  <Parent v-if="isShow" /> -->

  <!-- <BlogList /> -->

  <!-- <NumberBox @change="changeHandler" /> -->
  <!-- <Father /> -->

  <ComA />
</template>

<script setup>
// import Parent from './components/life-cycle/Parent.vue'
// import { ref } from 'vue'
// const isShow = ref(true)

// import BlogList from './components/blog/BlogList.vue'
// import Father from './components/single-props/Father.vue'
// import Father from './components/prop-validate/Father.vue'
// import Father from './components/custom-events/Father.vue'
// import NumberBox from './components/number-box/NumberBox.vue'
import Father from './components/Attributes/Father.vue'
import ComA from './components/Attributes/ComA.vue'

// const changeHandler = (value) => {
//   console.log(value)
// }
</script>
